<!DOCTYPE html>
<html>
<head>
	<!-- 发布区页面 案例库页面 -->
	<meta content="IE=edge" http-equiv="X-UA-Compatible">
		<@mup.header/>
		<#include "ai_design/mine-header.ftl"/>
		<#include "ai_design/mining-app-form.ftl"/>
        <!--引入微服务平台的样式-->
        <@mup.link  href="/mine/vue2.6/css/index.css?v=2023-04-24T10:54:57Z" model="all"/>
        <@mup.link  href="/mine/vue2.6/css/tempo.css?v=2023-04-24T10:54:57Z" model="all"/>

		<@mup.link href="/mine/css/mining.css?v=2023-04-24T10:54:57Z"  model="all"/>
		<@mup.script src="/js/datepicker/i18n/datepicker-[locale].js?v=2023-04-24T10:54:57Z" model="all"/>
		<@mup.link href="/common/css/tempo-explorer.css?v=2023-04-24T10:54:57Z"  model="all"/>
		<@mup.link href="/common/css/tempo-ai.css?v=2023-04-24T10:54:57Z"  model="all"/>
		<@mup.link href="/ai_design/css/ai-theme.css?v=2023-04-24T10:54:57Z"  model="all"/>
		<@mup.link href="/ai_design/css/ai-theme.css?v=2023-04-24T10:54:57Z"  model="all"/>

        <!--引入vue-->
        <@mup.script src="/mine/vue2.6/js/vue-2.6.14.js?v=2023-04-24T10:54:57Z" model="all"/>
        <!--引入http-vue-loader-->
        <@mup.script src="/mine/vue2.6/js/http-vue-loader-1.4.2.js?v=2023-04-24T10:54:57Z" model="all" />
        <!--引入elemenui组件库-->
        <@mup.script src="/mine/vue2.6/js/element-ui@2.15.2.js?v=2023-04-24T10:54:57Z" model="all"/>

		<@mup.script src="/common/js/tempo-explorer.js?v=2023-04-24T10:54:57Z"  model="all"/>
		<@mup.script src="/mine/js/mine-util.js?v=2023-04-24T10:54:57Z" model="all"/>
		<@mup.script src="/ai_design/js/ai-theme.js?v=2023-04-24T10:54:57Z"  model="all"/>
		<@mup.link  href="/common/css/common-page.css?v=2023-04-24T10:54:57Z" model="all"/>
		<@mup.link  href="/common/css/icon.css?v=2023-04-24T10:54:57Z" model="all"/>
		<@mup.link  href="/css/plugin/tempo-gtree.css?v=2023-04-24T10:54:57Z"/>
		<@mup.link href="/ai_design/css/ai-template.css?v=2023-04-24T10:54:57Z"  model="all"/>
		<@mup.link  href="/css/plugin/tempo-templatenode.css?v=2023-04-24T10:54:57Z"/>
        <@mup.link  href="/css/plugin/tempo-minetemplatenode.css?v=2023-04-24T10:54:57Z"/>
		<@mup.script src="/js/plugin/tempo-gtree.js?v=2023-04-24T10:54:57Z"/>
		<@mup.script src="/js/plugin/tempo-userselect.js?v=2023-04-24T10:54:57Z"/>
		<@mup.script src="/js/plugin/tempo-templatenode.js?v=2023-04-24T10:54:57Z"/>
        <@mup.script src="/js/plugin/tempo-minetemplatenode.js?v=2023-04-24T10:54:57Z"/>
		<@mup.link href="/css/timepicker/jquery-ui-timepicker-addon.min.css?v=2023-04-24T10:54:57Z" model="all"/>
		<@mup.script src="/js/timepicker/jquery-ui-timepicker-addon.min.js?v=2023-04-24T10:54:57Z" model="all"/>
		<@mup.script src="/js/timepicker/jquery-ui-sliderAccess.js?v=2023-04-24T10:54:57Z" model="all"/>
		<@mup.script src="/js/datepicker/i18n/datepicker-${request.getLocale()}.js?v=2023-04-24T10:54:57Z" model="all"/>
		<@mup.script src="/js/timepicker/i18n/jquery-ui-timepicker-${request.getLocale()}.js?v=2023-04-24T10:54:57Z" model="all"/>

		<script>
			(function(){
				var i18ns = ${i18ndict!'{}'};
				for ( var i in i18ns) {
					TempoUtils.locale(i, i18ns[i]);
				};
			})();
			$(function(){
				if (window.history && window.history.pushState) {
					$(window).on("popstate", function(){
						window.history.pushState('forward', null , document.URL);
						window.history.forward(1);
					});
					window.history.pushState('forward', null , document.URL);
					window.history.forward(1);
					window.showDockerServer = '${showDockerServer}';
				}
			});
		</script>

	</head>
<body>
	<div class="theme-container" ftype="${FTYPE}"  workspaceid="${workSpaceId}" _isCGGLY="${isCGGLY}" _isSJRY="${isSJRY}" _currentUserId="${currentUserId}">
		<div class="ui-layout-west">
			<div class="tempo-strap-west-panel theme-explorer">
				<div class="tempo-strap-panel-title">
					 <div id="tempo-go-back-workspace" class="tempo-back-workspace" title='<@spring.message "aidsview.goback_workspace_list"/>'>
			              <span  class="ui-icon tempo-ui-icon  tempo-workspace-go-back"></span>
			         </div>
					<div clas="workspace-select" id="workspace-select"></div>
					<div class="tempo-create-workspace">
				     <span id="createWorkspace" class=" ui-icon tempo-ui-icon-white tempo-ui-icon-add"></span>
				</div>
				</div>
					<ul class="tempo-strap-panel-tabs">
						<li _href="#tempo-theme-private-ai" class="tempo-strap-panel-tabs-selected tempo-theme-private-ai-tab"><@spring.message "aidsview.designZone"/></li>
						<li _href="#tempo-theme-public-ai" class="tempo-theme-public-ai-tab"><@spring.message "aidsview.publishZone"/></li>
					</ul>

					<div id="tempo-theme-private-ai" class="tempo-strap-panel-tabs-content" >
						<div id="tempo-theme-search-bar" class="tempo-strap-panel-search"></div>
						<div class="tempo-tree-sort" id="tempo-tree-sort"><span class="ui-icon tempo-ui-icon tempo-ui-icon-sort"></span></div>
						<div class="tempo-strap-panel-content" style="height: calc(100% - 51px) !important;width: 100% !important;">
							<div class="tempo-theme-private-tree">
							</div>
						</div>
					</div>
					<div id="tempo-theme-public-ai" class="tempo-strap-panel-tabs-content" style="display:block;">
						<div id="tempo-theme-public-search-bar" class="tempo-strap-panel-search"></div>

                <div class="tempo-tree-sort" id="tempo-app-tree-sort"><span
                            class="ui-icon tempo-ui-icon tempo-ui-icon-sort"></span></div>
                    <div class="tempo-strap-panel-content" style="width: 100% !important;">
                        <div id="yuan-service" class="tempo-theme-public-tree" <#--style="display: none;"-->></div>
                    </div>
            </div>
        </div>
    </div>
    <div class="ui-layout-center">
        <div id="tempo-ai-app-index-view-right-container" style="display:none;height: 100%;overflow: hidden;"
             class="tempo-strap-centre-panel tempo-ai-app-index-view-right-container">
            <div class="tempo-ai-app-rightzone-top">
                <div class="tempo-ai-app-rightzone-top-l  tempo-api-icon-48 tempo-api-icon-48-position-3"></div>
                <div class="tempo-ai-app-rightzone-top-r">
                    <div class="analyze-title-name">
                        <span id="ca-name">xxx</span>
                    </div>
                    <ul>
                        <li><span class="ui-icon tempo-ui-icon tempo-ui-icon-create-user"
                                  style="margin-bottom: 6px;"></span><span class="app-user-name-class"
                                                                           id="ca-creator"></span></li>
                        <li><span id="ca-time"></span></li>
                        <li>
                            <span class="tempo-gtree-item-content-icon tempo-api-icon-tree-16 tempo-api-icon-tree-16-position-10"
                                  style="top:0px;"></span><span id="belong_theme"></span></li>
                        <li><span class="analyze-li-span"><@spring.message "aiview.flowname"/>:</span><span
                                    id="belong_flow"></span></li>
                        <#-- 现将分享至功能去掉 -->
                        <#--  							<li class="tempo-app-share-directory"><span class="analyze-li-span"><@spring.message "aidsview.share_directory"/>:</span><span id="share_directory"></span></li>-->
                    </ul>
                </div>
                <div class='tempo-strap-header-right'>
                    <button type="button"
                            class='achivement-opts-btn tempo-strap-header-btn'><@spring.message "aidsview.app_more_opts"/></button>
                    <button type="button"
                            class='share-achivement-btn tempo-strap-header-btn'><@spring.message "aidsview.share_achievement"/></button>
                    <button type="button" class='select_target-btn tempo-strap-header-btn'
                            style="display: none;"><@spring.message "aidsview.app_select_target"/></button>
                    <button type="button" class='create-task-btn tempo-strap-header-btn'
                            style="display: none;"><@spring.message "aidsview.create_new_task"/></button>
                </div>
                <div id="tempo-header-achivement-opts-infos" style="display: none;">
                    <div class="tempo-header-achivement-opts-info" id="tempo-header-achivement-opts-unpublish">
                        <span><@spring.message "aidsview.app_cancel_publish"/></span></div>
                    <div class="tempo-header-achivement-opts-info" id="tempo-header-achivement-opts-unshare">
                        <span><@spring.message "aidsview.app_cancel_share"/></span></div>
                    <!-- 添加镜像推送按钮，js控制显示和隐藏 -->
                    <div class="tempo-header-achivement-opts-info" id="tempo-docker-image-service-btn">
                        <span><@spring.message "aidsview.docker_image_service_btn"/></span></div>
                </div>
            </div>
            <div class="cut-off-rule"></div>
            <div class="tempo-ai-app-rightzone-mid">
                <ul>
                    <li data-v="overview"><@spring.message "aiview.rsFlowPre"/></li>
                    <li class="unsort" data-v="configuration"><@spring.message "aiview.rsServConf"/></li>
                    <li class="unsort" data-v="monitor"><@spring.message "aiview.rsServMon"/></li>
                    <li class="unsort" data-v="audit"><@spring.message "aiview.rsServLog"/></li>
                </ul>
                <div class='tempo-ai-app-rightzone-mid-right-info'
                     style="float:right;padding-right: 20px;padding-top: 10px;">
                    <label style="color: #777777;"><@spring.message "aiview.rsStatus"/>：</label>
                    <span
                            id="service_status" style="color: #0d9f41;">
                    </span>
                </div>
                <div class='tempo-ai-app-rightzone-mid-right-info'
                     style="float:right;padding-right: 20px;padding-top: 10px;">
                    <label style="color: #777777;"><@spring.message "aiview.rsType"/>：</label><span id="ca-type" style="color: #0d9f41;"/>
                </div>
            </div>
            <div class="tempo-ai-app-rightzone-bot-service">
            </div>
        </div>
        <div id="tempo-ai-app-index-view-right-container-gray" style="display:none;height: 100%;overflow: hidden;"
             class="tempo-strap-centre-panel tempo-ai-app-index-view-right-container-gray">
            <div class="tempo-ai-app-rightzone-top-gray">
                <div class="tempo-ai-app-rightzone-top-l  tempo-api-icon-48 tempo-api-icon-48-position-3"></div>
                <div class="tempo-ai-app-rightzone-top-r">
                    <div class="analyze-title-name">
                        <span id="ca-grayname">xxx</span>
                    </div>
                    <ul>
                        <li><span class="ui-icon tempo-ui-icon tempo-ui-icon-create-user"
                                  style="margin-bottom: 6px;"></span><span class="app-user-name-class" id="ca-creator-gray"></span></li>
                        <li><span id="ca-time-gray"></span></li>
                        <li><span class="analyze-li-span"><@spring.message "aidsview.service_name"/>:</span><span id="belong_flow_gray"></span></li>
                        <#-- 现将分享至功能去掉 -->
                        <#--  							<li class="tempo-app-share-directory"><span class="analyze-li-span"><@spring.message "aidsview.share_directory"/>:</span><span id="share_directory"></span></li>-->
                    </ul>
                </div>
                <div class='tempo-strap-header-right-gray'>
                    <button type="button"
                            class='achivement-opts-btn tempo-strap-header-btn'><@spring.message "aidsview.app_more_opts"/></button>
                    <button type="button"
                            class='share-achivement-btn tempo-strap-header-btn'><@spring.message "aidsview.share_achievement"/></button>
                    <button type="button" class='select_target-btn tempo-strap-header-btn'
                            style="display: none;"><@spring.message "aidsview.app_select_target"/></button>
                    <button type="button" class='create-task-btn tempo-strap-header-btn'
                            style="display: none;"><@spring.message "aidsview.create_new_task"/></button>
                </div>
                <div id="tempo-header-achivement-opts-infos-gray" style="display: none;">
                    <div class="tempo-header-achivement-opts-info" id="tempo-header-achivement-opts-unpublish-gray">
                        <span><@spring.message "aidsview.app_cancel_publish"/></span></div>
                    <div class="tempo-header-achivement-opts-info-gray" id="tempo-header-achivement-opts-unshare-gray">
                        <span><@spring.message "aidsview.app_cancel_share"/></span></div>
<#--                    <!-- 添加镜像推送按钮，js控制显示和隐藏 &ndash;&gt;-->
<#--                    <div class="tempo-header-achivement-opts-info" id="tempo-docker-image-service-btn">-->
<#--                        <span><@spring.message "aidsview.docker_image_service_btn"/></span></div>-->
                </div>
            </div>
            <div class="cut-off-rule"></div>
            <div class="tempo-ai-app-rightzone-mid-gray">
                <ul>
                    <li class="unsort" data-v="grayconfiguration"><@spring.message "aiview.rsServConf"/></li>
                    <li class="unsort" data-v="graymonitor"><@spring.message "aiview.rsServMon"/></li>
                    <li class="unsort" data-v="audit"><@spring.message "aiview.rsServLog"/></li>
                </ul>
                <div class='tempo-ai-app-rightzone-mid-right-info-gray' style="float:right;padding-right: 20px;padding-top: 10px;">
                    <label style="color: #777777;"><@spring.message "aiview.rsStatus"/>：</label>
                    <span id="gray_service_status" style="color: #0d9f41;"/>
                </div>
                <div class='tempo-ai-app-rightzone-mid-right-info-gray' style="float:right;padding-right: 20px;padding-top: 10px;">
                    <label style="color: #777777;"><@spring.message "aiview.rsType"/>：</label>
                    <span id="ca-type-gray" style="color: #0d9f41;"/>
                </div>
            </div>
            <div class="tempo-ai-app-rightzone-bot-gray-service">
            </div>
        </div>

        <div id="tempo-ai-task-index-view-right-container" style="display:none;height: 100%;"
             class="tempo-strap-centre-panel tempo-ai-app-index-view-right-container">
            <div class="tempo-ai-app-rightzone-top">
                <div class="tempo-ai-app-rightzone-top-l  tempo-api-icon-48 tempo-api-icon-48-position-3"></div>
                <div class="tempo-ai-app-rightzone-top-r">
                    <div class="analyze-title-name">
                        <span id="ca-name">xxx</span>
                    </div>
                    <ul>
                        <li><span class="ui-icon tempo-ui-icon tempo-ui-icon-create-user"
                                  style="margin-bottom: 6px"></span><span class="app-user-name-class"
                                                                          id="task-creator"></span></li>
                        <li><@spring.message "aidsview.created_in"/><span id="task-createTime"></span></li>
                        <li>
                            <span class="tempo-gtree-item-content-icon tempo-api-icon-tree-16 tempo-api-icon-tree-16-position-10"
                                  style="top:0px;"></span><span id="task_belong_theme"></span></li>
                    </ul>
                </div>
                <div class='tempo-strap-header-right'>
                    <button type="button"
                            class='delete-task-btn tempo-strap-header-btn'><@spring.message "aidsview.delete_task"/></button>
                </div>
            </div>
            <div class="cut-off-rule"></div>
            <div class="tempo-ai-app-rightzone-mid">
                <ul>
                    <li data-v="overview"><@spring.message "aiview.rsFlowPre"/></li>
                    <li class="unsort" data-v="taskconfiguration"><@spring.message "aidsview.task_configuration"/></li>
                    <li class="unsort" data-v="taskmonitor"><@spring.message "aidsview.task_status"/></li>
                </ul>
                <div style="float:right;padding-right: 50px;padding-top: 10px;">
                    <label style="color: #777777;"><@spring.message "aidsview.task_status2"/></label><span class="task-runtStatus" style="color: #0d9f41;"/>
                </div>
            </div>
            <div class="tempo-ai-app-rightzone-bot">

            </div>
        </div>

			<div id="tempo-ai-theme-index-view-right-container" style="height: 100%;">
			<div class="theme-board tempo-strap-centre-panel" style="display: none;">
				<div class="ui-layout-north">
				  <div class='tempo-strap-header'>
					<div class='tempo-strap-header-left'>
						<div class="theme-info">
							<div class='tempo-strap-header-icon tempo-api-icon-48 tempo-api-icon-48-position-4 '></div>
							<div class='tempo-strap-header-content'>
								<div class='tempo-header-title-panel'>
									   <span class="tempo-strap-header-title" id="tempo-header-themName"></span>
				                       <span class="tempo-heade-updatename-btn ui-icon tempo-ui-icon-top-tablerename"  title='<@spring.message "aidsview.rename_folder"/>'id="tempo-header-updatename-btn"></span>
									   <#if showAiBiRelationServer>
											<span class="tempo-ai-relation-tempo-bi-icon ui-icon tempo-ui-icon tempo-ui-icon-blue-link" title="数据可视化"></span>
									   </#if>
								</div>
								<ul class="tempo-strap-header-ul">
									<li>
										<span class="ui-icon tempo-ui-icon tempo-ui-icon-create-user"></span>
										<span class='tempo-strap-item-text theme-creator theme-creator-height'  id='theme-creator'></span>
										<span class="desc-split"></span>
									</li>
									<li>
										<span><@spring.message "aidsview.created_in"/></span>
										<span class='tempo-strap-item-text' id='theme-time'></span>
										<span class="desc-split"></span>
									</li>
									<li class="tempo-theme-share-div" title="<@spring.message "ai.authorizationTo"/>">
										<span class="ui-icon tempo-ui-icon tempo-ui-icon-no-mutual tempo-ui-icon-blue-share"></span>
										<span class='tempo-strap-item-text' id='theme-share-num'></span>
										<span class="desc-split"></span>
									</li>
									<li class="tempo-theme-publish-num-div">
										<span><@spring.message "aidsview.published_flows"/></span>
										<span class='tempo-strap-item-text' id='app-num'></span><span>/</span>
										<span class='tempo-strap-item-text' id='flow-num'></span>
										<span class="desc-split"></span>
									</li>
									<li>
										<span class='theme-more-info' ><@spring.message "aidsview.more_info"/>&gt;</span>
									</li>
								</ul>
							</div>
						</div>
					</div>
					<div class='tempo-strap-header-right'>
						<button type="button" class='refresh-btn tempo-strap-header-btn' style="display: none;"><@spring.message "aidsview.base_refresh"/></button>
						<button type="button" class='share-btn tempo-strap-header-btn'><@spring.message "aidsview.theme_share"/></button>
						<button type="button" class='publish-btn tempo-strap-header-btn'><@spring.message "aidsview.theme_publish"/></button>
						<button type="button" class='edit-btn tempo-strap-header-btn'><@spring.message "aidsview.theme_edit"/></button>
					</div>
				  </div>
				</div>
				<div class='tempo-strap-header-interval'>
				</div>
				<div class="ui-layout-center theme-blackboard">
					<div class='blackboard'>

					</div>
				</div>
				<div id="tempo-publish-list" class="tempo-publish-list" style="display:none">
			    	 <ul></ul>
				</div>
			</div>
			</div>

        <div class="welcome-page">
            <div id="tempo-banner-tooltip" class="tempo-banner-panel">
                <div class="tempo-banner-desImg">
                    <span class="tempo-icon-banner tempo-icon-banner-ai-resource"></span>
                </div>
                <div class="tempo-banner-desImg-tooltips">
                    <p class="tempo-tooltips  tempo-firstlevel-tooltips"><@spring.message "aidsview.tooltip1" /></p>
                    <p class="tempo-tooltips item-tooltip" ><@spring.message "aidsview.tooltip2" /></p>
                    <p class="tempo-tooltips item-tooltip"><@spring.message "aidsview.tooltip3" /></p>
                    <div style="position: relative;">
                        <div id="ai-create-project" class="tempo-create-project-btn"  style="margin-left: 93px;top: 10px;">
                            <span class="ui-icon tempo-ui-icon tempo-ui-white tempo-ui-icon-white-circle-plus"></span>
                            <span> <@spring.message "aidsview.resource.cereate" /></span>
                        </div>
                        <div></div>
                    </div>
                </div>
            </div>
<#--            案例库-->
            <div id="tempo-banner-tooltip-case" class="tempo-banner-panel-case">
                <div class="tempo-banner-desImg">
                    <span class="tempo-icon-template"></span>
                </div>
                <div class="tempo-banner-desImg-tooltips">
                    <p class="tempo-tooltips  tempo-firstlevel-tooltips">基于案例创建应用</p>
                    <p class="tempo-tooltips item-tooltip" >点击左上方加号进入案例库，或点击下方基于</p>
                    <p class="tempo-tooltips item-tooltip">案例创建应用进入案例库</p>
                    <div style="position: relative;">
                        <div id="ai-create-case" class="tempo-create-case-btn"  style="margin-left: 84px;top: 10px;">
                            <span class="ui-icon tempo-ui-icon tempo-ui-white tempo-ui-icon-white-circle-plus"></span>
                            <span>基于案例创建应用</span>
                        </div>
                        <div></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="welcome-page-2" style="height:100%;display:none">
				<div id="tempo-banner-tooltip" class="tempo-banner-panel">
                       <div class="tempo-banner-desImg">
                          	<span class="tempo-icon-banner tempo-icon-banner-ai-achievement"></span>
                       </div>
                        <div class="tempo-banner-desImg-tooltips">
                            <p class="tempo-tooltips  tempo-firstlevel-tooltips"><@spring.message "aidsview.publishzoneTip1"/></p>
                            <p class="tempo-tooltips item-tooltip" ><@spring.message "aidsview.publishzoneTip2"/></p>
                            <p class="tempo-tooltips item-tooltip" ><@spring.message "aidsview.publishzoneTip3"/></p>
                        </div>
                </div>
		   </div>
		<div class="model-template-page tempo-template-layout" style="display:none">
           		<div class="ui-layout-north tempo-model-template-north">
	           		<div id="tempo-template-top-banner-tooltip">
						<div class="tempo-template-layout-title">
							<label><@spring.message "aidsview.theme_template" /></label>
							<label id="tempo-template-num"></label>
						</div>
                        <div class="tempo-search">
                            <el-input
                                    @input="searchTemplateByName(searchTemplate)"
                                    @clear="searchTemplateByName(searchTemplate)"
                                    style="width: 250px;margin-top: 6px"
                                    id="tempo-search-template"
                                    v-model="searchTemplate"
                                    placeholder="搜索案例名称"
                                    suffix-icon="el-icon-search"
                                    clearable
<#--                                    :onkeyup="searchTemplate = searchTemplate.replace(/[ ]/g,'')"-->
                            ></el-input>
                        </div>
                        <div id="tempo-case-tag-el" class="tempo-case-tag" >
                            <el-select id='case-select' @focus="clickTag" @change="selectTag" v-model="tag" clearable filterable placeholder="全部标签" :popper-append-to-body="false">
                                <el-option
                                        v-for="item in options"
                                        :key="item.value"
                                        :label="item.label"
                                        :value="item.value">
                                </el-option>
                            </el-select>
                        </div>
                        <div class="tempo-case-tag-create-time" style="color: #999">
                            <div class="cell" id="tag-create-time"  >
                                更新时间
                            </div>
                            <span class="caret-wrapper">
                                    <i style="position: absolute;top: 18px;" class="el-icon-caret-top"></i>
                                    <i style="position: absolute;top: 24px;" class="el-icon-caret-bottom"></i>
                            </span>
                        </div>
                    </div>
           		</div>
			<!--案例库tab页-->
			<div id="tabs_cloud_casebase_config" style="height: 93%;width: 100%;">
				<!--顶部区域-->
				<div class="tempo-casebase-header">
					<ul>
						<li id="casebase-config-public-li" class="tempo-casebase-config-public">
                            <a style="padding-left: 0px;padding-right: 0px" id="tempo-template-num-public" href="#template-config-public">公共案例</a>
<#--                            <label style="position: inherit;top: 7px" id="tempo-template-num-public"></label>-->
                        </li>
						<li id="casebase-config-self-li" class="tempo-casebase-config-self">
                            <a a style="padding-left: 0px;padding-right: 0px" id="tempo-template-num-self" href="#template-config-self">私有案例</a>
<#--                            <label style="position: inherit;top: 7px" id="tempo-template-num-self"></label>-->
                        </li>
					</ul>
				</div>
				<!--公共案例-->
				<div style="margin-top:10px" class="ui-layout-center tempo-model-template-center" id="template-config-public">
					<div id="tempo-template-list">
					</div>
				</div>
				<!--私人案例-->
				<div style="margin-top:10px" class="ui-layout-center tempo-model-template-center" id="template-config-self">
                    <div id="tempo-self-num" style="text-align: center;margin-top: 36px;display: none">暂无私有案例，请在发布区对已发布应用进行案例发布</div>
					<div id="tempo-template-list-self"></div>
				</div>
			</div>
           		<!--<div class="ui-layout-sourth tempo-model-template-sourth">
	           		<div id="tempo-template-bottom-tooltip" class="tempo-banner-panel">
	                 </div>
           		</div>-->
        </div>
    </div>
        <div class="ui-layout-center" id="noaccess" style="display: none;position: absolute;margin: 0px;bottom: 0px;z-index: 0;">
            <iframe  style="width: 100%;height: 100%;border: 0px;"></iframe>
        </div>
    </div>
</body>
</html>